<template>
  <view class="doctor-detail">
    <view class="doctor-header">
      <image class="doctor-photo" :src="doctor.photo" />
      <view class="doctor-info">
        <text class="doctor-name">{{ doctor.name }}</text>
        <text class="doctor-specialty">{{ doctor.specialty }}</text>
        <text class="doctor-hospital">{{ doctor.hospital }}</text>
      </view>
    </view>
    <view class="doctor-stats">
      <text class="appointments">预约数: {{ doctor.appointments }}</text>
      <text class="satisfaction">满意度: {{ doctor.satisfaction }}%</text>
    </view>
    <button class="appointment-btn">预约咨询</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      doctor: {
        name: '主治医师',
        specialty: '心脏外科',
        hospital: '北京医院',
        photo: 'path/to/photo.jpg',
        appointments: 2800,
        satisfaction: 98
      }
    }
  }
}
</script>

<style>
.doctor-detail {
  /* 样式代码 */
}
</style> 